iT邦幫忙

2022 iThome 鐵人賽

DAY 16
0
自我挑戰組

那些八年級生的經典迷你遊戲,前端JS自學之路系列 第 16

小朋友下樓梯 事前準備 - CSS 學習計畫

  • 分享至 

  • xImage
  •  

在前幾個遊戲中,太常因為遊戲排版而來回耗了許多時間,所以在接下來的遊戲--小朋友下樓梯前,我想要花個3-5天純研究點與排版有關的CSS。不然腦海中有些動畫上的效果,目前會無從做起。

目前想到需要的CSS效果如下:

  1. 畫面要能有背景在網上滾動的樣子,而且匯入的圖檔也要能跟著一起滾動,但是主角人物在空中往下墜,或是碰到彈簧往上跳,要能跳脫這個限制
  2. 加速螢幕滾動 (隨時間增加)
  3. 加速向右或向左的物件,物件上會有左右箭頭螢光閃著,讓人知道是要往哪個方向加速
  4. 血量和計算階數的位置

目前會先以版面為優先學習,然後漸漸再加上上面相關效果,希望當開始進行這遊戲開發時,能再順利一些。


上一篇
打磚塊 - 碰撞判斷完成
下一篇
CSS學習 - Positioning scheme (定位結構)
系列文
那些八年級生的經典迷你遊戲,前端JS自學之路20
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言